どうにか体裁も整ったと思っていたスマートフォン用のご出産体重米のサイトですが、細かいところでずれていることがあり、一つずつ対応しています。
まずは、問い合わせページの送信用ボタンとリセットボタンが、本来は横並びになるはずなのに、上下にずれてしまっていました。
色々とやってみましたが、全然うまくいかず、結局、背景のボタン自体を変更して、送信ボタンだけ、横に大きく表示してみました。
これで、何とかなったようです。道は遠し。
スマートフォン対応のサイトを別途作成しましたが、実機を持っていないので、やむなくPCのSafariで確認しています。
でも、いくら画面サイズを小さくしても、本当にどんな風に見れるのか、フォームからメールを流してもきちんと流れるのか、など心配で。
どうしようかなと思っていましたが、ふっと思いついて
「iPhone持っている方、感想をお願いします」
と、Twitterでつぶやいたら、即座に何人もの方がご協力してくれました。
ご自信の時間を割いて、当店サイトを見ていただき、感想などを教えてくれました。
ありがとうございます。本当に助かりました。
おおむね、大丈夫だったようで、これで、あとは中身の充実を目指していきます。
自分では持っていないので、なかなか表示具合を確認できないのですが、
PCサイトをiPhoneで見ると、やはり、小さいです。
ということで、スマートフォン対応。
でも、素人にはやっぱり高い壁。
HTML5という新しい仕様が使えるので、背景をグラデーションにしたり、
画像を角丸に出来たり、と面白いのですが、
スマートフォンは縦にしたり横にしたり出来るので、そういう対応も
しないといけないし。
ともかく、きちんと見れればいいかな、という程度ですが、
一応の形にはなりました。
後は、お問い合わせのメールを送れるようにと。